<!DOCTYPE html>

<head>
  <title>bridge iframe</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="color-scheme" content="light dark" />
</head>

<body>
  <script>
    /* iframe 内代码 */
    const bc = new BroadcastChannel('bridge');
    // 收到来自页面的消息后，在 iframe 间进行广播
    window.addEventListener('message', function (e) {
      bc.postMessage(e.data);
    });
    // 对于收到的（iframe）广播消息，通知给所属的业务页面
    bc.onmessage = function (e) {
      console.log(e);
      window.parent.postMessage(e.data, '*');
    };
  </script>
</body>

</html>